<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css"/>
    <style>
        #container {
            width: 500px;
            margin-top: 50px;
            margin-left: 50px;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<div id="container">
    <form action="" role="form" class="form-horizontal" id="course_form">
        <div class="form-group">
            <label for="add_name" class="control-label col-md-3 inline"><span class="text_red">*</span>课程名称：</label>

            <div class="col-md-9">
                <input type="text" class="form-control" placeholder="课程名称" id="add_name">
            </div>
        </div>
        <div class="form-group">
            <label for="add_method" class="control-label col-md-3 inline"><span
                    class="text_red">*</span>授课方式：</label>

            <div class="col-md-3">
                <div class="input-group col-sm-12">
                    <select name="" id="add_method" class="form-control" style="border-radius: 4px;">
                        <option value="1">一对一</option>
                        <option value="2">一对多</option>
                    </select>
                </div>

            </div>
            <label for="add_subject" class="control-label col-md-2 inline">
                <span class="text_red">*</span>科目：</label>

            <div class="col-md-4">
                <div class="input-group col-sm-12 ">
                    <select name="" id="add_subject" class="form-control"></select>
                    <span class="input-group-addon category-help">参考</span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label for="add_hour" class="control-label col-md-3 inline">
                <span class="text_red">*</span>时长：</label>

            <div class="col-md-3">
                <div class="input-group col-sm-12 ">
                    <input type="text" class="form-control" title="请填数字" placeholder="数字" id="add_hour"
                           style="ime-mode:Disabled">
                    <span class="input-group-addon">分钟</span>
                </div>
            </div>
            <label for="add_total_hours" class="control-label col-md-2 inline">课次：</label>

            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="课程课次" id="add_total_hours">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-3 inline"><span class="text_red">*</span>收费标准：</label>

            <div class="col-md-9">
                <button type="button" class="btn btn-info form-control" data-toggle="collapse"
                        data-target="#add_cost">
                    点击填写详细的收费标准
                </button>
            </div>
        </div>

        <div class="form-group">
            <label for="add_desc" class="control-label col-md-3 inline">备注：</label>
            <div class="col-md-9">
                <textarea name="" id="add_desc" cols="" rows="" class="form-control"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label for="add_release" class="control-label col-md-12 inline">
                <input type="checkbox" id="add_release" value="1">
                按期发布
            </label>
        </div>
    </form>
</div>
</body>
</html>